
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    margin: 0;
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}



html {
    height: 100%
}

input,
textarea {
    -webkit-user-select: text
}

a {
    color: #000;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

video {
    width: 100%
}



input[type="radio"],
input[type="checkbox"] {
    vertical-align: -2px
}

.main_box{max-width: 640px; height: 100%; position: relative; margin: 0 auto;font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma}
.main_box .box{height:40%; width: 90%;  position: absolute;left: 5%; top: 5em; background: #ffb8e5; border-radius: 10px;-webkit-border-radius: 10px;}

.main_box .box .bg_in{position: absolute; left: 0.3rem; top: 0.3rem; bottom: 0.3rem; right: 0.3rem; background: #ffe4f3;border-radius: 6px;-webkit-border-radius: 6px;}
.main_box .box .bg_in .title{color: #fd0196;font-size: 0.9rem;text-align: center; padding: 0.25rem 0;}
.main_box .box .content{z-index: 10;position: relative; width: 13rem; height: 6rem;  margin: 2rem auto 0 auto; background:#f30086;border-radius: 6px;-webkit-border-radius: 6px;}
#mask_img_bg{position: absolute; left: 0.2rem; top: 0.2rem; bottom: 0.2rem; right: 0.2rem; background:#fff;border-radius: 6px;-webkit-border-radius: 6px;}
#mask_img_bg img{width:5.3rem; height: 5.5rem; margin: 0 auto;display: block; }
#redux{z-index: 22; position: absolute;padding: 0.2rem; box-sizing: border-box; width:100%; height: 100%;border-radius: 6px;-webkit-border-radius: 6px;}
.main_box .show{display: none; position: absolute;left:50%; top:6rem; width: 286px; height: 245px; margin-left: -143px;z-index: 99;}
.main_box .show .show_bg{width: 286px; height: 245px;}
.main_box .show .show_bg1{width: 239px; height: 138px;position: absolute; top: -20px; left: 50%;margin-left: -120px;z-index: 110;}
.main_box .show .show_food{width:116.5px; height: 121.5px;position: absolute; top: 74px; left: 50%;margin-left: -60px;z-index: 100;}
.main_box .show .close{display: inline-block;width: 32px; height:32px;position: absolute; top: 0; right:0;z-index: 200;}
.main_box .show .btn{display: inline-block;width: 180px; height:37px;position: absolute; bottom: 10px; left: 48px;z-index: 200;}
.main_box .mask{display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);z-index: 98;}